<template>
  <a-modal
    v-model="show"
    :centered="true"
    :keyboard="false"
    :footer="null"
    :width="750"
    @cancel="handleCancleClick"
    title="检查条目信息">
    <a-layout >
      <a-layout-content >
        <p><a-icon type="bars"/>&nbsp;&nbsp;检查条目编号 ：
           {{warningInfoData.recordTerms}}
        </p>
        <a-icon type="credit-card"/>&nbsp;&nbsp;
        检查内容：<a-textarea :rows="4" :value="warningInfoData.recordContent" ></a-textarea>
        <a-icon type="credit-card"/>&nbsp;&nbsp;检查依据：<a-textarea :rows="1" :value="warningInfoData.recordBasis" ></a-textarea>
        <a-icon type="credit-card"/>&nbsp;&nbsp;现场情况：<a-textarea :rows="4" :value="warningInfoData.recordDesc" ></a-textarea>
      </a-layout-content>
    </a-layout>
  </a-modal>
</template>
<script>
export default {
  name: 'WarningInfo',
  props: {
    warningInfoVisiable: {
      require: true,
      default: false
    },
    warningInfoData: {
      require: true
    }
  },
  computed: {
    show: {
      get: function () {
        return this.warningInfoVisiable
      },
      set: function () {
      }
    }
  },
  methods: {
    handleCancleClick () {
      this.$emit('close')
    }
  }
}
</script>
<style lang="less" scoped>

</style>
